<!--信息表单-->
<template>
  <component>
    <div >
      <div class="row "  align='left'>
        <div v-for='(item,index) in dataSet' :key='index' class="col-12 col-md-6">
          <div class="row ">
            <div class="col-4 label">
              {{item.label}}:
            </div>
            <div class="col-8 value">
              {{item.value}}
            </div>
          </div>
        </div>
      </div>
    </div>

  </component>
</template>

<script lang='ts'>
import {
  defineComponent,
  PropType,
  onMounted,
  ref
} from 'vue';

import {TableValue} from '../model/TableValue'
import { Screen } from 'quasar'

export default defineComponent ({
  name: 'Table',
  props: {
    dataSet: {
      type: Object as PropType<TableValue[]>,
      default: []
    }
  },
  setup (props) {
    onMounted(() => {

    })

    return {

    }
  }
});
</script>

<style scoped lang='sass'>
.data-set
  width: 100%
.label
  color: #5e5e5e
.value
  font-weight: bold


</style>
